<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>校园管理系统布局 - Layui</title>
  <link rel="stylesheet" th:href="@{/layui/css/layui.css}">
  <link rel="stylesheet" th:href="@{/layer/mobile/need/layer.css}">
  <style>
    .layui-table-view .layui-form-checkbox[lay-skin=primary] i {
      margin-top:8px;
    }
    .layui-btn-group{
      position: relative;
      right: 350px;
    }
    #export{
      height: 38px;
    }
    #import{
      height: 38px;
    }
    #excel{
      position: relative;
      top: 20px;
    }
  </style>
</head>
<body>
<div>
  <!--    <input id="basePath" hidden value="/springboot">-->
</div>
<div class="layui-layout layui-layout-admin">
  <div class="layui-header">
    <div class="layui-logo layui-hide-xs layui-bg-black">校园应用系统</div>
    <!-- 头部区域（可配合layui 已有的水平导航） -->
    <ul class="layui-nav layui-layout-left">
      <!-- 移动端显示 -->
      <li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-header-event="menuLeft">
        <i class="layui-icon layui-icon-spread-left"></i>
      </li>

      <li class="layui-nav-item layui-hide-xs"><a href="">nav 1</a></li>
      <li class="layui-nav-item layui-hide-xs"><a href="">nav 2</a></li>
      <li class="layui-nav-item layui-hide-xs"><a href="">nav 3</a></li>
      <li class="layui-nav-item">
        <a href="javascript:;">nav groups</a>
        <dl class="layui-nav-child">
          <dd><a href="">menu 11</a></dd>
          <dd><a href="">menu 22</a></dd>
          <dd><a href="">menu 33</a></dd>
        </dl>
      </li>
    </ul>
    <ul class="layui-nav layui-layout-right">
      <li class="layui-nav-item"><a href="javascript:void(0);">今天是<span id="day"></span>&nbsp;&nbsp;&nbsp;
        <span id="time"></span>
      </a></li>
      <li class="layui-nav-item layui-hide layui-show-md-inline-block">
        <a href="javascript:;">
          <img src="//tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg" class="layui-nav-img">

        </a>
        <dl class="layui-nav-child">
          <dd><a href="">个人资料</a></dd>
          <dd><a href="">设置</a></dd>
          <dd><a href="">退出系统</a></dd>
        </dl>
      </li>
      <li class="layui-nav-item" lay-header-event="menuRight" lay-unselect>
        <a href="javascript:;">
          <i class="layui-icon layui-icon-more-vertical"></i>
        </a>
      </li>
    </ul>
  </div>

  <div class="layui-side layui-bg-black">
    <div class="layui-side-scroll">
      <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
      <ul class="layui-nav layui-nav-tree layui-bg-cyan layui-inline" lay-filter="demo">

        <li class="layui-nav-item">
          <a  href="javascript:;">学生管理</a>
          <dl class="layui-nav-child">
            <dd><a th:href="@{/stu/sel}" >学生基本信息管理</a></dd>
          </dl>
        </li>

        <li class="layui-nav-item">
          <a href="javascript:;">教室管理</a>
          <dl class="layui-nav-child">
            <dd><a th:href="@{/room/sel}">教室基本信息管理</a></dd>
          </dl>
        </li>

        <li class="layui-nav-item">
          <a href="javascript:;">班级管理</a>
          <dl class="layui-nav-child">
            <dd><a th:href="@{/gra/sel}">班级基本信息管理</a></dd>
          </dl>
        </li>

        <li class="layui-nav-item">
          <a href="javascript:;">宿舍管理</a>
          <dl class="layui-nav-child">
            <dd><a th:href="@{/dorm/sel}">宿舍基本信息管理</a></dd>
          </dl>
        </li>

        <li class="layui-nav-item">
          <a href="javascript:;">课程管理</a>
          <dl class="layui-nav-child">
            <dd><a th:href="@{/curr/sel}">课程基本信息管理</a></dd>
          </dl>
        </li>
      </ul>
    </div>
  </div>

  <div class="layui-body">
    <!-- 内容主体区域 -->
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
      <legend>学生基本信息管理</legend>
    </fieldset>
    <div class="demoTable">
      <div class="layui-form-item">
        <label class="layui-form-label">姓名：</label>
        <div class="layui-input-inline" style="width: 120px">
          <input type="text" name="stuName" id="studentName" lay-verify="required" placeholder="请输入" autocomplete="off" class="layui-input">
        </div>
        <label class="layui-form-label">手机号：</label>
        <div class="layui-input-inline " style="width: 120px">
          <input type="text" name="mobile" id="mobile" lay-verify="required" placeholder="请输入" autocomplete="off" class="layui-input">
        </div>
        <label class="layui-form-label">性别：</label>
        <div class="layui-input-inline" style="width: 20px">
          <select name="sex" id="sex" lay-verify="required" lay-search="" class="layui-select">
            <option value='' selected>请选择</option>
            <option value='F'>男</option>
            <option value='M'>女</option>
          </select>
        </div>
        <label class="layui-form-label">年龄：</label>
        <div class="layui-input-inline" style="width: 65px">
          <input type="text" name="age" id="age" lay-verify="required" placeholder="请输入" autocomplete="off" class="layui-input" width="50px">
        </div>
        <label class="layui-form-label">证件号码：</label>
        <div class="layui-input-inline" style="width: 160px">
          <input type="text" name="idNum" id="idNum" lay-verify="required" placeholder="请输入" autocomplete="off" class="layui-input" width="50px">
        </div>
        <button class="layui-btn layui-btn-warm layui-btn-radius layui-btn-lg" data-type="reload">查询</button>


        <!-- 导入/导出到 Excel 操作 -->
        <div class="layui-btn-group" style="float: right; height: 60px;">
          <button class="layui-btn layui-btn-sm refresh" dw-url="/BirthdayRecord/exportExcel" id="export">
            <i class="layui-icon">&#xe681;</i>导出Excel
          </button>
          <button class="layui-btn layui-btn-sm operation-excel" id="import" dw-url="/BirthdayRecord/updateExcel">
            <i class="layui-icon">&#xe601;</i>Excel导入
          </button>

          <!--          备用-->
<!--          <form th:action="@{/import}" method="post" enctype="multipart/form-data" id="excel">-->
<!--            <input type="file" name="excelFile" value="导入Excel">-->
<!--            <input type="submit" value="确认上传">-->
<!--          </form>-->
        </div>

      </div>




      <table class="layui-hide" id="demo" lay-filter="test" lay-even></table>

      <script type="text/html" id="barDemo">
        <a class="layui-btn layui-btn-xs" lay-event="more">更多 <i class="layui-icon layui-icon-down"></i></a>

      </script>

    </div>

    <div class="layui-footer">
      <!-- 底部固定区域 -->
      底部固定区域
    </div>
  </div>






  <!--    修改界面-->
  <div id="updatePage" style="display: none">
    <div class="layui-form-item">
      <label class="layui-form-label">姓名：</label>
      <div class="layui-input-block">
        <input type="text" name="title" id="updStuName" lay-verify="title" autocomplete="off" value="" class="layui-input" style="margin-top: 15px;width: 200px" >
      </div>
    </div>

    <div class="layui-form-item">
      <label class="layui-form-label">手机号：</label>
      <div class="layui-input-block">
        <input type="text" name="title" id="updMobile" lay-verify="title" autocomplete="off" value="" class="layui-input" style="margin-top: 15px;width: 200px" >
      </div>
    </div>

    <div class="layui-form-item">
      <label class="layui-form-label">生日：</label>
      <div class="layui-input-block">
        <input type="text" name="title" id="updBirthday" lay-verify="title" autocomplete="off" value="" class="layui-input" style="margin-top: 15px;width: 200px" >
      </div>
    </div>

    <div class="layui-form-item">
      <label class="layui-form-label">性别：</label>
      <select name="sex" id="updSex" lay-verify="required" lay-search="" class="layui-select" >
        <option value=''>--请选择--</option>
        <option value='F'>男</option>
        <option value='M'>女</option>
      </select>
    </div>

    <div class="layui-form-item">
      <label class="layui-form-label">证件类型：</label>
      <select name="idType" id="updIdType" lay-verify="required" lay-search="" class="layui-select">
        <option value=''>--请选择--</option>
        <option value='1'>身份证</option>
        <option value='2'>香港身份证</option>
        <option value='3'>澳门身份证</option>
      </select>
    </div>

    <div class="layui-form-item">
      <label class="layui-form-label">证件号码：</label>
      <div class="layui-input-block">
        <input type="text" name="title" id="updIdNum" lay-verify="title" autocomplete="off" value="" class="layui-input" style="margin-top: 15px;width: 300px" >
      </div>
    </div>

    <div>
      <label class="layui-form-label">籍贯：</label>
      <div style="display: inline">
        <select name="province" class="layui-select">
          <option value="">请选择省</option>
        </select>
      </div>
      <span>——</span>
      <div style="display: inline">
        <select name="city" class="layui-select" >
          <option value="">请选择市</option>
        </select>
      </div>
      <span>——</span>
      <div style="display: inline">
        <select name="area" class="layui-select">
          <option value="">请选择县/区/市</option>
        </select>
      </div>
    </div>

    <div class="layui-form-item">
      <label class="layui-form-label">详细信息：</label>
      <div class="layui-input-block">
        <input type="text" name="title" id="updDetailAddr" lay-verify="title" autocomplete="off" value="" class="layui-input" style="margin-top: 15px;width: 300px" >
      </div>
    </div>

    <button class="layui-btn" id="updateStu" style="margin-left: 110px;">确认修改</button>
  </div>


  <!--    添加界面-->
  <div id="insertPage" style="display: none">
    <div class="layui-form-item">
      <label class="layui-form-label">学号：</label>
      <div class="layui-input-block">
        <input type="text" name="title" id="istStuNum" lay-verify="title" autocomplete="off" value="" class="layui-input" style="margin-top: 15px;width: 200px" >
      </div>
    </div>

    <div class="layui-form-item">
      <label class="layui-form-label">姓名：</label>
      <div class="layui-input-block">
        <input type="text" name="title" id="istStuName" lay-verify="title" autocomplete="off" value="" class="layui-input" style="margin-top: 15px;width: 200px" >
      </div>
    </div>

    <div class="layui-form-item">
      <label class="layui-form-label">手机号：</label>
      <div class="layui-input-block">
        <input type="text" name="title" id="istMobile" lay-verify="title" autocomplete="off" value="" class="layui-input" style="margin-top: 15px;width: 200px" >
      </div>
    </div>

    <div class="layui-form-item">
      <label class="layui-form-label">性别：</label>
      <select name="sex" id="istSex" lay-verify="required" lay-search="" class="layui-select" >
        <option value=''>请选择</option>
        <option value='F'>男</option>
        <option value='M'>女</option>
      </select>
    </div>
    <div class="layui-form-item">
      <label class="layui-form-label">证件类型：</label>
      <select name="idType" id="istIdType" lay-verify="required" lay-search="" class="layui-select">
        <option value=''>请选择</option>
        <option value='1'>身份证</option>
        <option value='2'>香港身份证</option>
        <option value='3'>澳门身份证</option>

      </select>
    </div>

    <div class="layui-form-item">
      <label class="layui-form-label">证件号码：</label>
      <div class="layui-input-block">
        <input type="text" name="title" id="istIdNum" lay-verify="title" autocomplete="off" value="" class="layui-input" style="margin-top: 15px;width: 300px" >
      </div>
    </div>

    <div class="layui-inline">
      <label class="layui-form-label">出生日期：</label>
      <div class="layui-input-inline">
        <input type="text" name="date" id="istBirthday" lay-verify="date" placeholder="年-月-日" autocomplete="off" class="layui-input" style="margin-bottom: 15px;width: 300px" >
      </div>
    </div>

    <div>
      <label class="layui-form-label">籍贯：</label>
      <div style="display: inline">

        <select name="istProvince" class="layui-select">
          <option value="">请选择省</option>
        </select>
      </div>
      <span>——</span>
      <div style="display: inline">
        <select name="istCity" class="layui-select" >
          <option value="">请选择市</option>
        </select>
      </div>
      <span>——</span>
      <div style="display: inline">
        <select name="istArea" class="layui-select">
          <option value="">请选择县/区/市</option>
        </select>
      </div>
    </div>

    <div class="layui-form-item">
      <label class="layui-form-label">详细信息：</label>
      <div class="layui-input-block">
        <input type="text" name="title" id="istDetailAddr" lay-verify="title" autocomplete="off" value="" class="layui-input" style="margin-top: 15px;width: 300px" >
      </div>
    </div>

    <button class="layui-btn" id="insertStu" style="margin-left: 110px;">确认添加</button>
  </div>


  <script type="text/javascript" th:src="@{/layui/layui.js}"></script>
  <script type="text/javascript" th:src="@{/js/dateTime.js}"></script>

  <script type="text/javascript" th:src="@{/js/jquery-1.8.3.min.js}"></script>
  <script type="text/javascript" th:src="@{/layer/layer.js}"></script>
  <script type="text/javascript" th:src="@{/js/phoenix/stuInfo.js}"></script>
  <script type="text/javascript">
    //显示实时时间
    $(function () {
      showDay();
      setInterval('showTime()');
    })
  </script>

</body>
</html>